<table class="xsui-table xsui-table-striped xsui-table-hover xsui-table-bordered">
    <thead>
        <tr>
            <th>客户ID</th>
            <th>分机号</th>
            <th>主叫号码</th>
            <th>被叫号码</th>
            <th>开始时间</th>
            <th>结束时间</th>
            <th>通话时长</th>
            <th>试听</th>
            <th>录音分享</th>
        </tr>
    </thead>
    <tbody>
    <foreach name="list" item="vo">
        <tr data-key="{$vo.id}">
            <td>{$vo.customer_no}({$vo.customer_name})</td>
            <td>{$vo.exten}</td>
            <td>{$vo.caller_no}</td>
            <td>{$vo.called_no}</td>
            <td>{$vo.start_time}</td>
            <td>{$vo.end_time}</td>
            <td title="{$vo.billsec}">{$vo.billsec|sofn_seconds_format}</td>
            <td><span class="audio-player" data-src="{:get_voc_url('rec')}{$vo.recordingfile|parse_voc_path}" title="{$vo.recordingfile}"></span></td>
            <td class="shared-status"><a href="{:U('change_status','id='.$vo['id'].'&status=varstatus&type=shared')}" data-value="{$vo.is_shared}" title="取消分享" class="xsui-success"><i class="fa fa-check fa-fw"></i></a></td>
        </tr>
    </foreach>
</tbody>
</table>
<div class="xsui-pagination">{$page}</div>